body,html{height: 100%;}
.pull-right{float: right;}
.pull-left{float: left;}
#box{height: 100%;display: -webkit-box;-webkit-box-orient: vertical;display: none;background: #262628;}
/*头部区*/
.focus-top{height: 1.21rem;background: #111111;position: fixed;top: 0;overflow: hidden;z-index: 999;width: 10.8rem;}
.focus-top i{color: #c00d22;position: absolute;top: 0.20rem;}
.focus-top i:nth-of-type(1){left: 0.42rem;font-size: 0.80rem;font-weight: bold;}
.focus-top i:nth-of-type(2){right: 0.42rem;font-size: 0.80rem;}
.focus-top img{padding-left:4.50rem;width: 2rem;}
/*内容区*/
.focus-cont{-webkit-box-flex: 1;height: auto;padding-top: 1.20rem;background: #262628;width: 10.8rem;}
.focus-cont-top{background: #262628;text-align: center;padding-bottom: 0.60rem;position: relative;}
.focus-cont-top img{width: 1.5rem;height: 1.5rem;border-radius: 50%;}
.focus-cont p:nth-of-type(1){color: #FFFFFF;font-size: 0.35rem;padding-top: 0.50rem;}
.focus-cont p:nth-of-type(2){color: #a0a0a0;padding-top: 0.40rem;font-size: 0.30rem;}
.focus-cont p:nth-of-type(3){position: absolute;color: #FFFFFF;right: 1.62rem;top: 0.50rem;border: 1px solid  #FFFFFF;border-radius: 0.12rem;padding: 0.24rem 0;width: 1.54rem;text-align: center;font-size: 0.30rem;}
.focus-content{position: relative;}
.focus-content img{width: 10.8rem;}
.focus-content p{position: absolute;color: #FFFFFF;}
.focus-content p:nth-of-type(1){left: 50%;top: 45%;width: 4rem;height: 1rem;margin-top: -0.5rem;margin-left: -2rem;font-size: 0.45rem;}
.focus-content p:nth-of-type(2){left: 50%;top: 60%;width: 4rem;height: 1rem;margin-top: -0.5rem;margin-left: -2rem;font-size: 0.26rem;}
.focus-content-foot{font-size: 0.28rem;color: #FFFFFF;text-align: center;padding-top: 0.78rem;}














